<!--
    Document   : Friends List View
    Created on : 28/11/2010, 02:40:58 PM
    Author     :  Ing. Javier Silva Perez
-->

<ice:panelGroup xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	styleClass="textoFormulario">
	<center>
		<ice:outputText value="#{msgs['page.FriendList.Title']}"
			styleClass="tituloPag" />
	</center>

	<ice:panelGroup styleClass="exampleBox"
                    style="float:left;width:600px; margin-top: 10px">
        <ice:outputText value="#{msgs['page.filtros.title']}" styleClass="subtituloPag"/>
        <ice:panelGrid columns="4" cellpadding="3">
            <ice:selectBooleanCheckbox id="SlctID_FindFriend"
                                       value="#{friendListViewBean.slctId}"
                                       partialSubmit="true"/>
            <ice:outputText value="#{msgs['page.FindFriendView.IDColumn.header']}" style="text-align: right"/>
            <ice:inputText id="txtID_FindFriend" style="width: 50px" 
                           value="#{friendListViewBean.idFiltro}"
                           partialSubmit="true"
                           required="#{friendListViewBean.slctId}"
                           validator="#{friendListViewBean.validaFormatoID}">
            </ice:inputText>
            <ice:message style="color: red;" id="txtIDError_FindFriend" for="txtID_FindFriend"/>
            
            <ice:selectBooleanCheckbox id="SlctNombre_FindFriend"
                                       value="#{friendListViewBean.slctNombre}"
                                       partialSubmit="true"/>
            <ice:outputText value="#{msgs['page.FindFriendView.NombreColumn.header']}"/>
            <ice:inputText value="#{friendListViewBean.nombreFiltro}" id="txtNombre_FindFriend" style="width: 400px"
                           partialSubmit="true"
                           required="#{friendListViewBean.slctNombre}">
            </ice:inputText>
            <ice:message style="color: red;" id="txtNombreError_FindFriend" for="txtNombre_FindFriend"/>
            
            <ice:selectBooleanCheckbox id="slctUsuario_FindFriend"
                                       value="#{friendListViewBean.slctUsuario}"
                                       partialSubmit="true"/>
            <ice:outputText value="#{msgs['page.FindFriendView.UsuarioColumn.header']}"/>
            <ice:inputText value="#{friendListViewBean.usuarioFiltro}" id="txtUsuario_FindFriend" style="width: 400px"
                           partialSubmit="true"
                           required="#{friendListViewBean.slctUsuario}">
            </ice:inputText>
            <ice:message style="color: red;" id="txtUsuarioError_FindFriend" for="txtUsuario_FindFriend"/>
            
            <ice:selectBooleanCheckbox id="slctCorreo_FindFriend"
                                       value="#{friendListViewBean.slctCorreo}"
                                       partialSubmit="true"/>
            <ice:outputText value="#{msgs['page.FindFriendView.CorreoColumn.header']}"/>
            <ice:inputText value="#{friendListViewBean.correoFiltro}" id="txtCorreo_FindFriend" style="width: 400px"
                           partialSubmit="true"
                           required="#{friendListViewBean.slctCorreo}">
            </ice:inputText>
            <ice:message style="color: red;" id="txtCorreoError_FindFriend" for="txtCorreo_FindFriend"/>
        </ice:panelGrid>
        
        <center>
            <ice:panelGrid columns="1" cellpadding="3" style="width:300px">
                <ice:commandButton id="btnBuscar_FindFriend"
                                   action="#{friendListViewBean.buscar}"
                                   image="/resources/images/buttons/btnBuscar.png"/>
            </ice:panelGrid>
        </center>
    </ice:panelGroup>

    <ice:panelGroup styleClass="exampleBox panelSeriesContainer" style="clear: left;margin-top: 10px">

        <ice:outputText value="#{msgs['page.resultados.title']}" styleClass="subtituloPag"/>

			<!-- uses panelSerices to iterate over the employee collection -->
			<ice:panelSeries id="icePnlSrsFriendList" var="amigo"
				style="float:left" value="#{friendListViewBean.amigos}">
				<!-- placeBox box is repeated for each employee record -->
				<ice:panelGroup id="placeBox" styleClass="placeBox">
					<ice:graphicImage value="#{amigo.fotografia}" width="69"
						height="97" style="float:right" rendered="#{!empty amigo.fotografia}"/>

					<ice:panelGroup styleClass="iceDatTblColHdr">
						<ice:outputText id="friendName"
							value="#{amigo.nombrePersona} #{amigo.apellidoPaterno}"
							style="font-weight:bold;" />
					</ice:panelGroup>
					<ice:panelGroup style="padding:10px;">
						<ice:outputText value="#{msgs['page.FriendList.Sexo']}: "
							style="font-weight:bold;" />
						<ice:outputText id="sex_Friend" value="#{amigo.sexoStr}" />
						<br />
						<ice:outputText
							value="#{msgs['page.FriendList.FechaNacimiento']}: "
							style="font-weight:bold;" />
						<ice:outputText id="fechaNacimiento_Friend"
							value="#{amigo.fechaNacimiento}" />
					</ice:panelGroup>
				</ice:panelGroup>

			</ice:panelSeries>
		</ice:panelGroup>
	</ice:panelGroup>
